.login123{
    font-weight: bolder;
    color: yellow;

}
.login123:hover{
    background: rgba(255, 63, 54, 0.85);
    color: #ffffff;
}
.login123:before, .login123:after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    height: 2px;
    width: 0;
    background: #ffffff;
    transition: 400ms ease all;

}
.login123:after {

    top: 0;
    left: 50%;
    bottom: 0;

}
.login123:hover:before{
    width: 50%;
    transition: 800ms ease all;
}

.login123:hover:after {
    width: 50%;
    transition: 800ms ease all;            }
.navbar{
    background: rgba(0, 0, 0, 0.08);
    transition: 400ms ease all;
    border: none;
}
.navbar:hover{
    background: #000000;
    transition: 800ms ease all;

}
